<template>  
  <div>  
    <script id="editor" type="text/plain"></script>  
  </div>  
</template>  
<script>  
import '../script/ueditor.config.js'  //根据自己文件的路径接入  
import '../script/ueditor.all.min.js'
import '../script/ueditor.parse.min.js'  
  export default {  
    name: 'UE',  
    data () {  
      return {  
        editor: null  
      }  
    },  
    mounted() {  
      const _this = this;  
       
      this.editor = UE.getEditor('editor', {   
            BaseUrl: '',   
            UEDITOR_HOME_URL: this.url_head + '/static/', //这个是静态资源的路径  
            // toolbars:[]  //编辑器里需要用的功能  
          }); // 初始化UE  
      this.editor.addListener("ready", function () {  
          _this.editor.setContent(''); // 确保UE加载完成后，放入内容。  
        });  
      console.log(this.text);  
    },  
    methods: {  
      getUEContent() { // 获取内容方法  
        return this.editor.getContent()  
      },  
      testMsg(){  
        const _this = this;  
        this.defaultMsg = this.text;  
        console.log(this.defaultMsg);  
        this.editor.setContent(this.defaultMsg); // 确保UE加载完成后，放入内容。  
      }  
    },  
    watch : {  
      'text' : 'testMsg'  
    },  
    props : ['text'], //接收传过来的文章  
    destroyed() {  
      this.editor.destroy();  
    }  
  }  
</script>  
<style type="text/css">  
  #editor{height: 500px;}  
</style>  
